<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>限高杆审核</title>
</head>
<body>
<div class="box">
    <div class="box-body">
        <table id="mainDataTable" class="table table-bordered table-striped" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>
                    <input onchange="$.checkChange()" type="checkbox" id="batchCheck">
                </th>
                <th>流水号</th>
                <th>全景图片</th>
                <th>地址</th>
                <th>道路</th>
                <th>起——止</th>
                <th>养护公司</th>
                <th>采集人</th>
                <th>安装时间</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>

<div id="highLeverModal4Audit" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="highLeverLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 820px;">
        <div class="modal-content">
            <form id="highLeverForm" name="highLeverForm"
                  class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick='$.clearModal($("#highLeverForm"), $("#highLeverModal4Audit"))'>
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title" id="highLeverLabel"></b>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">项目编号</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="项目编号"
                                           id="projectNumber" name="projectNumber">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">地址</label>
                                <div class="col-sm-3" style="padding-right: 0">
                                    <input class="form-control" style="padding-right: 10px"
                                           id="highLeverProvince" name="province">
                                </div>
                                <div class="col-sm-3" style="padding-left: 7px; padding-right: 7px">
                                    <input class="form-control" style="padding-right: 10px"
                                           id="highLeverCity" name="city">
                                </div>
                                <div class="col-sm-3" style="padding-left: 0">
                                    <input class="form-control" style="padding-right: 10px"
                                           id="highLeverArea" name="area">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">坐标</label>
                                <div class="col-sm-8" style="padding-right: 0">
                                    <input type="text" class="form-control" placeholder="坐标" style="padding-right: 0"
                                           id="coordinate" name="coordinate">
                                </div>
                                <div class="col-sm-1">
                                    <button type="button" id="myBtn" style="height: 34px; float: right">
                                        <i class="fa fa-map-marker"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">路名</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="路名"
                                           id="highLeverRoadName" name="highLeverRoadName">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">起始路口</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="起始路口"
                                           id="highLeverStartRoad" name="highLeverStartRoad">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">结束路口</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="结束路口"
                                           id="highLeverEndRoad" name="highLeverEndRoad">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">安装公司</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="安装公司"
                                           id="highLeverInstallOrg" name="highLeverInstallOrg">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">安装日期</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="安装日期"
                                           id="highLeverInstallTime" name="highLeverInstallTime">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">说明备注</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="说明备注"
                                           id="highLeverRemark" name="highLeverRemark">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">养护公司</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="养护公司"
                                           id="highLeverOrgName" name="highLeverOrgName" readonly>
                                </div>
                            </div>

                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">限高杆照片</label>
                                <div class="col-sm-9">
                                    <img id="highLeverPhotoImg" src=""
                                         onclick="$.openUpPic()" style="height: 230px; width: 260px">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">保修期</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="highLeverPeriod" name="highLeverPeriod">
                                        <option value="1">1年</option>
                                        <option value="2">2年</option>
                                        <option value="3">3年</option>
                                        <option value="4">4年</option>
                                        <option value="5">5年</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">使用年限</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="highLeverServiceLife" name="highLeverServiceLife">
                                        <option value="1">1年</option>
                                        <option value="2">2年</option>
                                        <option value="3">3年</option>
                                        <option value="4">4年</option>
                                        <option value="5">5年</option>
                                        <option value="6">6年</option>
                                        <option value="7">7年</option>
                                        <option value="8">8年</option>
                                        <option value="9">9年</option>
                                        <option value="10">10年</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">监管单位</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="highLeverMainOrgName">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">限高杆尺寸</label>
                                <div class="col-sm-9">
                                    <input class="form-control" id="highLeverSize" name="highLeverSize">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">采集员</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" placeholder="采集员"
                                           id="highLeverCreatorName" name="highLeverCreatorName" readonly>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <input type="hidden" id="highLeverId" name="highLeverId"/>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning pull-left btn-flat" data-dismiss="modal"
                            onclick='$("#highLeverModal4Audit").modal("hide")'>
                        <i class="fa fa-trash-o"></i> 取消
                    </button>
                    <button type="button" class="btn btn-primary btn-flat"
                            onclick='$.showAuditHighLever($("#highLeverId").val())'>
                        <i class="fa fa-save"></i> 通过
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="modal-map" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="label-map" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#modal-map').modal('hide')">
                    <span aria-hidden="true">&times;</span></button>
                <b id="label-map" class="modal-title">地图展示</b>
            </div>
            <div class="modal-body">
                <iframe id="myMap" src="management/roadPoleMap.html"
                        style="width: 100%;height: 365px" frameBorder=0 scrolling=no>
                </iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-flat"
                        onclick="$('#modal-map').modal('hide')">
                    <span class="glyphicon glyphicon-ok"></span> 完成
                </button>
            </div>
        </div>
    </div>
</div>

<script src="management/highLeverAudit.js"></script>
</body>
</html>